<!--
 * @Author: chenjianxin
 * @Date: 2020-07-04 10:32:41
 * @LastEditTime: 2021-02-19 17:42:21
 * @LastEditors: ganxiaochuan
 * @Description: In User Settings Edit
 * @FilePath: \ui-standard\src\components\AppMain.vue
--> 
<template>
  <el-main>
    <keep-alive v-if="DEV_CONFIG.USE_KEEP_ALIVE">
      <router-view></router-view>
    </keep-alive>
    <router-view v-if="!DEV_CONFIG.USE_KEEP_ALIVE"></router-view>
  </el-main>
</template>
<script>
import {mapState} from 'vuex'
import DEV_CONFIG from '@/config'

export default {
  computed: {
    ...mapState(['userName']),
    DEV_CONFIG: () => DEV_CONFIG
  }
}
</script>
<style lang="scss" scoped>
.el-main {
  // background: #fff;
  margin: 16px;
}
.wlecome-wrap{
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  p{
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #333333;
    margin-top: 30px;
  }
}
</style>
